<!--
    Document   : index
    Created on : Mar 27, 2013, 9:11:05 PM
    Author     : Adrian Avendaño
-->

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Vehiculos</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="page">
            <div id="header">
                <div id="logo-name">
                    <div id="logo"><img src="img/logo.jpg" alt="logo"/></div>
                    <div id="name"><h2>Sistema de Reservas de Servicios de Traslados</h2></div>
                </div>
            </div>
            <div id="main">
                <div id="left-sidebar">
                    <ul>
                        <li><a href=".">Inicio</a></li>
                        <li><a href="clientes.html">Clientes</a></li>
                        <li><a href="vehiculos.html">Vehiculos</a></li>
                        <li><a href="traslados.html">Traslados</a></li>
                    </ul>
                </div>
                <div id="content">
                    <table border="1">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Vehiculo</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>0001</th>
                                <th><a href="vehiculo.html?id=1">Mercedez Benz 1518</a></th>
                            </tr>
                            <tr>
                                <th>0002</th>
                                <th><a href="#">Scania 910</a></th>
                            </tr>
                            <tr>
                                <th>0003</th>
                                <th><a href="#">Ford 350</a></th>
                            </tr>
                            <tr>
                                <th>0004</th>
                                <th><a href="#">Mercedez Benz 910</a></th>
                            </tr>
                            <tr>
                                <th>0005</th>
                                <th><a href="#">Mercedez Benz 1633</a></th>
                            </tr>
                            <tr>
                                <th>0006</th>
                                <th><a href="#">Mercedez Benz 1518</a></th>
                            </tr>
                            <tr>
                                <th>0007</th>
                                <th><a href="#">Scania 1090</a></th>
                            </tr>
                        </tbody>
                    </table>
                    <div class="vehiculos-tasks">
                        <div class="task">
                            <button id="vehiculo-add">Nuevo Vehiculo</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="footer">
                <a href="#">Link1</a> &nbsp; <a href="#">Link2</a> &nbsp; <a href="#">Link3</a>
            </div>
        </div>
        <script type="text/javascript">
            function vehiculoAdd() {
                window.location = "vehiculo.form.html";
            }
            document.getElementById("vehiculo-add").onclick = vehiculoAdd;
        </script>
    </body>
</html>